<template>
    <div class="moduleCostomerDetGuide">
        <uni-popup
            zIndex="100"
            width="100%"
            maxHeight="770rpx"
            :show.sync="moduleMask"
            type="bottom"
            class="popup_modules rapid_Mask">
            <div class="popup-box">

            <span class="closemask" @click="closeMask()">
                <image mode="widthFix" :src="`${constant.imgUrl}common/close.png`" alt/>
            </span>
            <guide-list
            @jumpPage="jumpPage"
            :backImg="backImg"/>
             </div>
        </uni-popup>
        <!-- <v-sharePoster ref="sharePoster"></v-sharePoster> -->
    </div>
</template>
<script>
// import SharePoster from '@/components/Public/SharePoster'
import GuideList from '@/pages/components/guideList'
import uniPopup from '@/components/uni-popup/uni-popup'
import constant from '@/constant'
export default {
	name: 'module-costomer-det-guide',
	components: {
		// 'v-sharePoster': SharePoster,
		GuideList,
		uniPopup
	},
	props: {
		backImg: ''
	},
	data() {
		return {
			moduleMask: false,
			constant: constant
		}
	},
	computed: {
		userInfo() {
			return this.$store.getters.getUser
		}
	},
	mounted() {},
	methods: {
		// 跳转页面
		jumpPage(val) {
			// if (val.type === 2) {
			//     this.$refs.sharePoster.showMask()
			//     return false
			// }
			// this.$router.push({
			// 	name: val.path,
			// 	query: {
			// 		owner_user_id: this.userInfo.user_id
			// 	}
			// })
		},
		showMask() {
			this.moduleMask = true
		},
		closeMask() {
			this.moduleMask = false
		}

	}
}
</script>

<style lang="scss" scoped>
.popup-box {
    background-color: #fff;
}
.moduleCostomerDetGuide {
    .closemask {
        z-index: 9999;
    }
    // mask
    .popup_modules {
        height: 80%;
        overflow: hidden;
        border-radius: 26px 26px 0 0;
        background-color:#fff;
    }
    .rapid_Mask {
       & .closemask {
            z-index: 222222;
        }
        width: 100%;
        overflow-y: auto;
        .popup_wrap {
            width: 100%;
            position: relative;
            .popup_btn_wrap {
                position: absolute;
                top: 220px;
                padding: 0 50px;
                width: calc(100% - 100px);
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                .popup_btn_list {
                    width: 33.33%;
                    height: 90px;
                    line-height: 90px;
                    text-align: center;
                    color: #2965fe;
                    font-size: 30px;
                    i {
                        font-size: 26px;
                    }
                }
            }
            .popup_img {
                padding: 50px 50px 0 50px;
                width: calc(100% - 100px);
                img {
                    width: 100%;
                }
            }
        }
    }
}
</style>

